<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>菜鸟教程(runoob.com)</title>

    <script type="text/javascript">
      function WebSocketTest() {
        if ('WebSocket' in window) {
          alert('您的浏览器支持 WebSocket!');

          // 打开一个 web socket
          var ws = new WebSocket('ws://localhost:9998');

          ws.onopen = function () {
            // Web Socket 已连接上，使用 send() 方法发送数据
            ws.send(
              JSON.stringify({
                action: 'getData',
                socketType: 'rankData',
                chart: 'rank',
                value: '',
              })
            );
            // ws.send('111111');
            alert('数据发送中...');
          };

          ws.onmessage = function (evt) {
            // console.log(JSON.parse(evt));
            // console.log(evt);
            console.log(JSON.parse(evt.data));
            var received_msg = evt.data;
            alert('数据已接收...');
          };

          ws.onclose = function () {
            // 关闭 websocket
            alert('连接已关闭...');
          };
        } else {
          // 浏览器不支持 WebSocket
          alert('您的浏览器不支持 WebSocket!');
        }
      }
    </script>
  </head>
  <body>
    <div id="sse">
      <a href="javascript:WebSocketTest()">运行 WebSocket</a>
    </div>
  </body>
</html>
